.myHidden1 {
  height: 1px;
  opacity: 0;
  display: none;
}

#loader {
  width: 8rem;
  height: 2rem;
  font-size: 0.7rem;
  font-weight: bold;
  color: red;
}
#inputUrl {
  font-size: x-large;
  border: 2px solid rgb(50, 50, 50);
  width: 98%;
}
#showLabel {
  width: 8rem;
  height: 4rem;
  background-color: rgb(240, 240, 240);
}

#myCanvas {
  /* height: 1px;
  opacity: 0; */
  border: 1px solid rgb(255, 0, 0);
}

#timeTrack {
  margin: auto;
  width: 98%;
  height: 1rem;
  line-height: 1rem;
}
#timeLabel {
  width: 4rem;
}
#durationLabel {
  width: 4.5rem;
  margin-right: 0.1rem;
  /* border: 1px solid rgb(255, 0, 0); */
}

canvas {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  /* border: 1px solid rgb(127, 0, 153); */
}
#flag {
  z-index: 99;
  position: fixed;
  bottom: 20%;
  color: #fff;
  height: 3rem;
  display: none;
}
#flag img {
  height: 100%;
  width: auto;
  display: none;
  /* filter: drop-shadow(0px 0px 0px #fff); */
  filter: drop-shadow(0 0 0 #fff);
}
#flag #num {
  font-size: 2rem;
}

/* #video .vjs-time-control {
  display: block;
} */
/* #video {
  z-index: -1;
} */

.video-dimensions.vjs-fluid {
  padding-top: 0;
}
.mid {
  top: 50% !important;
  transform: translateY(-50%);
}
